<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>SB Admin 2 - Bootstrap Admin Theme</title>

    <!-- Bootstrap Core CSS -->
    <link th:href="@{/vendor/bootstrap/css/bootstrap.min.css}" href="../../static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <script th:src="@{/vendor/jquery/jquery.min.js}" src="../../static/vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script th:src="@{/vendor/bootstrap/js/bootstrap.min.js}" src="../../static/vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- MetisMenu CSS -->
    <link th:href="@{/vendor/metisMenu/metisMenu.min.css}" rel="stylesheet">

    <!-- Custom CSS -->
    <link th:href="@{/dist/css/sb-admin-2.css}" rel="stylesheet">

    <!-- Custom Fonts -->
    <link th:href="@{/vendor/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css">

    <link th:href="@{/vendor/datepicker/datepicker3.css}" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body>
<ul id="myTab" class="nav nav-pills ">
    <li class="active">
        <a href="#home" data-toggle="tab">
            申请人信息
        </a>
    </li>
    <li><a href="javascript:void(0)"  id="saveAction">存储</a></li>
    <!--<li class="dropdown">-->
    <!--<a href="#" id="myTabDrop1" class="dropdown-toggle"-->
    <!--data-toggle="dropdown">test-->
    <!--<b class="caret"></b>-->
    <!--</a>-->
    <!--<ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">-->
    <!--<li><a href="#jmeter" tabindex="-1" data-toggle="tab">test1</a></li>-->
    <!--<li><a href="#ejb" tabindex="-1" data-toggle="tab">test2</a></li>-->
    <!--</ul>-->
    <!--</li>-->
</ul>

<div id="page-wrapper"  style="margin-left:0" class="tab-content">
    <!--<div class="row" >-->
    <!--<div class="col-lg-12" >-->
    <!--<h4 class="page-header">申请人信息</h4>-->
    <!--</div>-->
    <!--</div>-->
    <div class="tab-pane fade in active" id="home">
        <form th:action="@{/danbao}"  th:object="${danbao_info}" method="post" id="danbao">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">企业保证</a>
                    </h4>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse in">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>额度号：</label>
                                </div>
                                <div class="col-lg-8">
                                    <input class="form-control"  name="db_edh" maxlength="30" id="db_edh" required >
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>保证合同号：</label>
                                </div>
                                <div class="col-lg-8">
                                    <input class="form-control"   >
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>保证合同签订日期：</label>
                                </div>
                                <div class="col-lg-8">
                                    <input class="form-control"   maxlength="50">
                                </div>
                            </div>


                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>保证人贷款卡编号：</label>
                                </div>
                                <div class="col-lg-8">
                                    <input class="form-control"   >
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>保证人名称：</label>
                                </div>
                                <div class="col-lg-8">
                                    <input class="form-control"  maxlength="50">
                                </div>
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>组织机构代码证：</label>
                                </div>
                                <div class="col-lg-8">
                                    <input class="form-control"   >
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>营业执照号码：</label>
                                </div>
                                <div class="col-lg-8">
                                    <input class="form-control"   maxlength="50">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>企业注册资本(万)：</label>
                                </div>
                                <div class="col-lg-8">
                                    <div class="col-lg-4">
                                        <select class="form-control" selected=""   >
                                            <option value=""></option>
                                        </select>
                                    </div>
                                    <div class="col-lg-8">
                                        <input class="form-control"   maxlength="50">
                                    </div>

                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>企业规模：</label>
                                </div>
                                <div class="col-lg-4">
                                    <select class="form-control" selected=""   name="userInfo">
                                        <option disabled selected value></option>
                                        <option th:each="userInfo:${danbao_info.userInfoList}" th:value="${userInfo.USERID}" th:text="${userInfo.USERNAME}"></option>

                                    </select>
                                </div>
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>保证方式：</label>
                                </div>
                                <div class="col-lg-4">
                                    <select class="form-control" selected=""   >
                                        <option value=""></option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>保证金额：</label>
                                </div>
                                <div class="col-lg-8">
                                    <div class="col-lg-4">
                                        <select class="form-control" selected=""   >
                                            <option value=""></option>
                                        </select>
                                    </div>
                                    <div class="col-lg-8">
                                        <input class="form-control"   >
                                    </div>

                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>担保方式：</label>
                                </div>
                                <div class="col-lg-4">
                                    <select class="form-control" selected=""   >
                                        <option value=""></option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>起始日：</label>
                                </div>
                                <div class="col-lg-8">
                                    <input class="form-control"   >
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>到期日：</label>
                                </div>
                                <div class="col-lg-8">
                                    <input class="form-control"   >
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>分担比例：</label>
                                </div>
                                <div class="col-lg-4">
                                    <input class="form-control"   >
                                </div>
                                <div class="col-lg-4">
                                    <label>%</label>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="col-lg-4">
                                    <label>备注：</label>
                                </div>
                                <div class="col-lg-8">
                                    <textarea class="form-control" rows="3"   maxlength="100"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-4"></div>
                <div class="col-lg-4" align="center">

                    <button  type="submit" class="hide">保  存</button>
                </div>
                <div class="col-lg-4"></div>
            </div>

        </form>
    </div>
    <!--<div class="tab-pane fade" id="save"></div>-->

</div>





<!-- Metis Menu Plugin JavaScript -->
<script th:src="@{/vendor/metisMenu/metisMenu.min.js}"></script>

<!-- Custom Theme JavaScript -->
<script th:src="@{/dist/js/sb-admin-2.js}"></script>

<script th:src="@{/vendor/datepicker/bootstrap-datepicker.js}"></script>
<script >
    //submit form action
    $(document).ready(function ()
    {
        $("#saveAction").click(function () {
            try
            {
                $("form").find('[type="submit"]').trigger('click');
            }
            catch(e)
            {
                Console.log(e.message);
            }
        });
    });
</script>
</body>
</html>